<template>
  <div class="user-space">
    <el-card shadow="hover" class="user-info">
      <UserInfo></UserInfo>
    </el-card>
    <el-card shadow="hover" class="user-more">
      <UserMore></UserMore>
    </el-card>

  </div>
</template>

<script>
import UserInfo from './user-info'
import UserMore from './user-more'

export default {
  name: "user-space",
  components:{
    UserInfo,
    UserMore
  }
}
</script>

<style scoped>
.user-space {
  display: flex;
  justify-content: space-between;
}

.user-info {
  width: 25%;
}

.user-more{
  width: 73%;
}
</style>